.heroSectionParent{padding:50px 55px 0}.heroSection{color:#fff;text-align:center;background-color:#2f8f6b;border-radius:16px;justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px;font-size:42px;font-weight:900;display:flex}.heroSectionArrow{position:absolute;top:32%;right:5%;transform:translate(-40%,-50%)}.heroSectionTitle{font-family:var(--font-primary);z-index:2;font-weight:900;position:relative}@media (max-width:1024px){.heroSectionArrow{right:0}.heroSectionParent{padding:50px 10px 0}}@media (max-width:1200px){.heroSection{font-size:28px}}